
/*----------------------------------------*/
/*  DaletBook CSS                         */
/*----------------------------------------*/

/*----------------------------------------*/
/*  Francois Badier                       */
/*  frabad at gmail dot com               */
/*----------------------------------------*/

/** Layout generale **/

#menu {
	position: absolute;
    left: 1em;
	width: 30%;
	border-width: thin;
	border-color: #C5C5C5;
    border-style: none;
	background-color: Transparent;
	font-size: 10pt;
    z-index: 5;
}
body>#menu {
	position: fixed;
}
#contenuto {
   margin-left: 32%;
}

/* Sommari */

#navigatore {
	margin-top: 1em;
}
#navigatore .chapter {}
#navigatore .section{
   margin-left: 1em;
}
#navigatore .voce {
	margin-top: 1pt;
	padding-left: 0.4em;
	padding-right: 0.4em;
	border-style: solid;
	border-width: 1px;
	border-color: #C5C5C5;
	background-color: #F5F5F5;
	color: black;
}
#navigatore .voce:hover,
#navigatore .voce:active {
	background-color: #B5B5B5;
	color: White;
}
.voce {
	display: block;
}
.sommario {
	background-color: Transparent;
}
.sommario .titolo {
   font-weight: bold;
   font-size: 1.1em;
   margin-top: 1em;
   margin-bottom: 1em;
   border-width: 1px;
   border-color: black;
   border-bottom-style: solid;
}

/** Layout di contenuto **/

#corpo {
   background-color: white;
   font-size: 10pt;
   border-style: solid;
   border-width: 1px;
   border-color: #C5C5C5;
   margin-top: 1em;
   padding: 1em;
}
.testata {
	border-width: 1px;
	border-style: solid;
	border-color: #C5C5C5;
	background-color: #F5F5F5;
	padding: 0.2em;
}
.testata * {
	font-weight: bold;
	font-size: 12pt;
}
#menu .testata {
	background-color: #B5B5B5;
	border-color: #B5B5B5;
}
#menu .testata * {	
	color: white;
}

/** elementi communi **/

body {
	background-color: White;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(pic/sfondo.png);
}
p {
	font-size: 10pt;
	text-align: justify;
}
a, a:visited
{
	color: black;
	text-decoration: none;
}
a:hover {
	color:  gray;
}

/** titoli **/

h1,h2,h3,h4,h5
{
	color: black;
	background-color: transparent;
}
#corpo h1 {
	font-size: 12pt;
	text-align: right;
	border-width: 1px;
	border-style: solid;
	border-style: solid;
	padding: 2px;
	border-color: #C5C5C5;
	background-color: #F5F5F5;
}
#corpo h2 {
	font-size: 12pt;
}
#corpo h3 {
	font-size: 16pt;
}
#corpo h4 {
	font-size: 14pt;
}
#corpo h5 {
	font-size: 12pt;
}
.label {
	font-weight: bold;
}
h1 .label {
	margin-right: 0.5em;
}
h2 .label {
	margin-right: 0.5em;
}
h3 .label {
	margin-right: 0.5em;
}
h4 .label {
	margin-right: 0.5em;
}
h5 .label {
	margin-right: 0.5em;
}

/** Procedure e liste **/

.procedura li {
	margin-top: 0.5em;
	text-align: justify;
}

/** Blocchi Tabulari **/

.tabella  {
   margin-top: 1em;
   margin-bottom: 1em;
   border-style: solid;
   border-width: 2px;
   border-color: black;
   border-collapse: collapse;
   background-color: white;
   margin-left: auto;
   margin-right: auto;
}
.tabella th {
	padding: 1em;
   border-style: solid;
   border-width: 1px;
   border-color: black;
   border-style: solid;
   border-width: thin;
   border-color: black;
	background-color: #F5F5F5;
	font-size: 10pt;
}
.tabella td {
   border-style: solid;
   border-width: 1px;
   border-color: black;
	padding: 1em;
   margin: 0;
	font-size: 10pt;
}
.tabella p {
	margin: 0;
}
.figdesc {
	background-color: transparent;
	margin-left: 10%;
}
.figdesc p {
	margin: 0;
	padding: 0;
	font-size: 8pt;
}
.figdesc .label p {
	text-align: right;
	margin-right: 1em;
}

/** Grafica **/

.bloccografico {
	background-color: transparent;
   text-align: center;
}
.bloccografico img {
	border-color: black;
	border-style: none;
	text-align: center;
	background-color: transparent;
}
.bloccografico .titolo {
	margin-top: 0;
	background-color: transparent;
	font-weight: bold;
	font-size: 8pt;
	text-align: center;
}

/** Blocchi misti **/
.descrizione {
   margin-top: 1em;
}
.descrizione .bloccotesto {
   position: absolute;
   width: 22em;
   background-color: transparent;
}
.descrizione .bloccografico {
   position: relative;
   width: 50%;
   left: 24em;
   background-color: transparent;
}

/** Evidenziazioni **/

.evidenziazione {
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 2em;
	margin-right: 2em;
}
.evidenziazione p {
	margin: 0.2em;
}
.evidenziazione .label {
	font-size: 10pt;
	padding: 0.2em;
}
.nota {
	border-style: solid;
	border-width: thin;
	border-color: #7099C5;
	background-color: #F0F0FF;
}
.nota .label {
	background-color: #7099C5;
	color: #FFFFFF;
}
.attenzione {
	border-style: solid;
	border-width: thin;
	border-color: #D00000;
	background-color: #FFF0F0;
}
.attenzione .label {
	background-color: #D00000;
	color: #FFFFFF;
}


